//用户名校验方法
function userCheck() {
    //进入先隐藏
    let div = document.getElementById("usererror");
    div.style.display="none";
    //获取username输入框的值
    let username = document.getElementById("username").value.trim();
    if(username==''){
        //提示不能为空
        div.innerText="用户名不能为空";
        div.style.display="flex";
        document.getElementById("username").style.background="#fda013";
        return false;
    }else if(username.match(/^[A-Za-z0-9]+$/)){
        //用户名合法
        document.getElementById("username").style.background="#93ff93";
        div.innerText="用户名合法";
        div.style.display="flex";
        return true;
    }
    document.getElementById("username").style.background="#fda013";
    div.innerText="用户名不合法";
    div.style.display="flex";
    return false;
}


//密码校验方法
function pwdCheck() {
    rePwdCheck()
    //进入先隐藏
    let div = document.getElementById("pwderror");
    div.style.display="none";
    //获取password输入框的值
    let password = document.getElementById("password").value.trim();
    if(password==''){
        //提示不能为空
        div.innerText="密码为必填项，请填写你的密码";
        div.style.display="flex";
        document.getElementById("password").style.background="#fda013";
        return false;
    }else if(password.match(/^[a-zA-Z]\w{5,17}$/)){
        //密码合法
        document.getElementById("password").style.background="#93ff93";
        div.innerText="密码可用";
        div.style.display="flex";
        return true;
    }
    document.getElementById("password").style.background="#fda013";
    div.innerText="密码格式错误";
    div.style.display="flex";
    return false;
}

//确认密码验证
function rePwdCheck() {
    //进入先隐藏
    let div = document.getElementById("repwderror");
    div.style.display="none";
    //获取password输入框的值
    let repwd = document.getElementById("repwd").value.trim();
    if(repwd==''){
        //提示不能为空
        div.innerText="确认密码为必填项，请确认你的密码";
        div.style.display="flex";
        document.getElementById("repwd").style.background="#fda013";
        return false;
    }else if(repwd.match(/^[a-zA-Z]\w{5,17}$/)){
        //密码合法
        //获取输入框中的值
        let oldpwd =  document.getElementById("password").value;
        if(repwd==oldpwd){
            document.getElementById("repwd").style.background="#93ff93";
            div.innerText="两次密码一致";
            div.style.display="flex";
            return true;
        }else {
            document.getElementById("repwd").style.background="#fda013";
            div.innerText="两次密码不一致";
            div.style.display="flex";
            return false;
        }
    }
    document.getElementById("repwd").style.background="#fda013";
    div.innerText="密码格式错误";
    div.style.display="flex";
    return false;
}

//邮箱验证
function emailCheck() {
    //进入先隐藏
    let div = document.getElementById("emailerror");
    div.style.display="none";
    //获取username输入框的值
    let email = document.getElementById("email").value.trim();
    if(email==''){
        //提示不能为空
        div.innerText="邮箱不能为空";
        div.style.display="flex";
        document.getElementById("email").style.background="#fda013";
        return false;
    }else if(email.match(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/)){
        //邮箱合法
        document.getElementById("email").style.background="#93ff93";
        div.innerText="邮箱合法";
        div.style.display="flex";
        return true;
    }
    document.getElementById("email").style.background="#fda013";
    div.innerText="邮箱不合法";
    div.style.display="flex";
    return false;
}


//表单提交
function formsub() {
    if(emailCheck()&&userCheck()&&pwdCheck()&&rePwdCheck()){
        return true;
    }
    return false;
}